#board {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: #111b5a;
}
.kb-th {
  background-color: #101a58 !important;
  color: #fff;
  border: none !important;
  .cell {
    padding: 0.8vh 0;
  }
  & > td {
    border: none !important;
  }
  & .el-table__cell {
    border: none !important;
    background-color: transparent !important;
    @extend .font-18;
  }
}
.kb-tr {
  background-color: transparent !important;
  color: #00d3fb;
  @extend .font-16;
  &:nth-of-type(even) {
    background-color: #101a58 !important;
  }
  & > td {
    border: none !important;
  }
}
/* 字体 */
// .font-12 {
//   font-size: 1.11vh;
// }
// .font-14 {
//   font-size: 1.3vh;
// }
// .font-16 {
//   font-size: 1.48vh;
// }
// .font-18 {
//   font-size: 1.67vh;
// }
// .font-20 {
//   font-size: 1.85vh;
// }
// .font-22 {
//   font-size: 2vh;
// }
// .font-24 {
//   font-size: 2.22vh;
// }
.font-12 {
  font-size: 1.3vh;
  line-height: 1.3vh;
}
.font-14 {
  line-height: 2vh;
  font-size: 1.48vh;
}
.font-16 {
  line-height: 2vh;
  font-size: 1.67vh;
}
.font-18 {
  line-height: 2vh;
  font-size: 1.85vh;
}
.font-20 {
  line-height: 2.2vh;
  font-size: 2vh;
}
.font-22 {
  line-height: 2.4vh;
  font-size: 2.22vh;
}
.font-24 {
  line-height: 2.8vh;
  font-size: 2.41vh;
}
/* ======================== */
.plr-24 {
  padding: 0 1vw;
}
.p-24 {
  padding: 1vw;
}

.mb-16 {
  margin-bottom: 1vh;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}

.text-title {
  font-weight: bold;
  background: linear-gradient(
    180deg,
    rgb(163, 231, 255),
    rgb(255, 255, 255),
    rgb(125, 221, 255)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-family: 思源黑体;
}

.align-center {
  align-items: center;
}
/* 主要内容 */
.content {
  box-sizing: border-box;
  padding: 1.25vw;
  overflow: hidden;
  .box-content {
    border: 0.1vw solid rgb(19, 76, 155);
    box-shadow: inset 0px 0px 1.04vw 0px rgba(65, 124, 255, 0.5);
    background: rgba(20, 32, 106, 0.5);
    box-sizing: border-box;
  }
}

.b-title {
  background-image: url(@/assets/board/title.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 55% 100%;
  padding-left: 1vw;
  font-size: 1.67vh;
  height: 3.52vh;
  line-height: 3.52vh;
  // margin-bottom: 0.93vh;
  font-weight: bold;
  &.m-0 {
    margin: 0;
  }
}

.b-line {
  width: 100%;
  height: 1px;
  background: linear-gradient(
    270deg,
    rgba(0, 126, 255, 0),
    rgb(0, 126, 255) 50.08%,
    rgba(19, 76, 155, 0) 99.778%
  );
}

.b-progress-text {
  width: 3vw;
}

.display-none {
  display: none;
}
